<html lang="en" dir="ltr">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/uavindicators.css" />
    <script src="js/jquery.js"></script>
    <script src="js/uavindicators.js"></script>
    <title>仪表盘</title>
</head>
<body>
<div>
    <span id="uav_heading"></span>
    <span id="uav_roll_pitch"></span>
    <span id="camera_heading_field"></span>
    <span id="camera_roll_pitch"></span>
    
</div>


<!-- Let start our scripts -->
<script type="text/javascript">
// Dynamic examples
var uav_roll_pitch = $.flightIndicator('#uav_roll_pitch', 'uav_roll_pitch', {roll:50, pitch:-20, size:200});
var uav_heading = $.flightIndicator('#uav_heading', 'uav_heading', {heading:150});
var camera_roll_pitch = $.flightIndicator('#camera_roll_pitch', 'camera_roll_pitch', {roll:50, pitch:-20, size:200});
var camera_heading_field = $.flightIndicator('#camera_heading_field', 'camera_heading_field', {heading:150});
uav_heading.setUavHeading(-90); //heading
camera_heading_field.setCameraHeadingField(60,60,200); //heading, fieldofview, size
uav_roll_pitch.setUavRollPitch(10,-20); //roll, pitch
camera_roll_pitch.setCameraRollPitch(-10,20); //roll, pitch
</script>
</body>
</html>
